On this episode Cory House and I discuss the exciting new Web Components standard including the Shadow DOM, templates, custom elements, and imports.

To subscribe to the podcast, please use the links below:

Click Here to Subscribe via iTunes

Click Here to Subscribe via RSS (non-iTunes feed)

Show Notes:

Resources

WebComponents.org

a place to discuss and evolve web component best-practices

HTML5 Web Component Fundamentals Pluralsight Course by Cory

Polymer

HTML5 Video tag

Full Transcript

Craig McKeachie: [0:00 ] On this episode Cory House and I discuss the exciting new Web Components standard including the Shadow DOM, templates, custom elements, and imports.

[0:09 ] [music]

[0:20 ] Welcome to the "The Front End Developer Cast," the podcast that helps developers be awesome at building ambitious web applications. Whether you are a JavaScript Ninja or just getting started. I'm your host Craig McKeachie.

[0:30 ] Hi everyone. My interview today is with Cory House, let's get right into it. Hi, today I'm here at CodeMash, I'm lucky to have Cory House here with me. Cory is a Microsoft MVP, C# an ASP Insider, Outlier developer, expert, you may have been to his blog at bitnative.com. Cory, welcome to the show.

Cory House: [0:52 ] Thanks for having me. Glad to be here.

Craig: [0:55 ] Anything else I missed there about yourself?

Cory: [0:56 ] Oh, no. That's sounds like enough platitude, sir. I can live with that.

Craig: [1:00 ] Great. You may have done some of Cory's training on the Pluralsight, as well, if you have Pluralsight subscription. He has several courses out there. What are some of the courses about? I forget.

Cory: [1:10 ] There's a course on clean code, called "Writing Code for Humans." I have one on "Real World Architecture and Dot Net," which is about being more pragmatic and comparing really simple to more complex, and when each makes sense.

[1:23 ] Then, I have an odd one called, "Becoming an Outlier," which is about creating an exceptional career in software development, really setting yourself apart.

Craig: [1:30 ] I've seen your talk on that, here at Cobasa, last year, a really good talk, a packed room. People were sitting all over the floor and everything like that.

Cory: [1:38 ] It's a great problem to have. That was a lot of fun.

Craig: [1:41 ] Speaking of that, today, I have you on the show to talk about web components. I went to your web components talk, this year, and the same problem. The room was very crowded. We were talking about it's a great future technology, but I didn't think that many people would be ready for it.

Cory: [1:58 ] Yeah, and frankly neither did I. It's wonderful to see. I'm excited about it, and that's why I'm speaking about it. I feel like, as a web developer, this is as big a story as anything that's happened, probably since Ajax.

[2:11 ] This could, fundamentally, change the way that we compose and build our applications, and, finally, take all this fragmentation that we're seeing, and get us all on a nice standardized, more reusable path. It'd be wonderful to see this all play out as well as it appears like it might.

Craig: [2:28 ] Exactly. Let's backtrack a little bit, and talk about what are web components. For the people who've maybe seen an article or two online, let's unpeel that a little bit.

Cory: [2:39 ] The easiest way to think about web components is, you're probably writing components today, somehow. Maybe you're using jQuery UI, and using MIME as a starting point. Maybe you're using Angular and their directives.

[2:51 ] Maybe you're using Knockout and their components, Ember and their components. I could go on. There are all these different ways to write these little reusable pieces that we slap into our web application.

[3:01 ] Wouldn't it will be nice if we had a standardized way to do so ...